[AppSwitcher] Update colors/border

Switch from Big.Box to St.Bin and update styling per latest spec

https://bugzilla.gnome.org/show_bug.cgi?id=590563

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index dc66b95733cdfb95056c54feca9b9c5d52fc67a4..a67132124b02140f25599f612304f84547243ff0 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -155,3 +155,11 @@ StScrollBar StButton#vhandle:hover
 .calendar-other-month-day {
     color: #cccccc;
 }
+
+/* App Switcher */
+#appSwitcher {
+    background: rgba(0,0,0,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 8px;
+    padding: 8px;
+}

diff --git a/js/ui/altTab.js b/js/ui/altTab.js
index 13c147fdda102c1581d904e930573e24def30f06..74cb69fa4bab8eb0c9a1869e8bb30b35deff2131 100644 (file)
--- a/js/ui/altTab.js
+++ b/js/ui/altTab.js
@@ -7,20 +7,18 @@ const Lang = imports.lang;
 const Meta = imports.gi.Meta;
 const Pango = imports.gi.Pango;
 const Shell = imports.gi.Shell;
+const St = imports.gi.St;
 
 const AppIcon = imports.ui.appIcon;
 const Lightbox = imports.ui.lightbox;
 const Main = imports.ui.main;
 
-const POPUP_BG_COLOR = new Clutter.Color();
-POPUP_BG_COLOR.from_pixel(0x00000080);
 const POPUP_APPICON_BORDER_COLOR = new Clutter.Color();
 POPUP_APPICON_BORDER_COLOR.from_pixel(0xffffffff);
 const POPUP_APPICON_SEPARATOR_COLOR = new Clutter.Color();
 POPUP_APPICON_SEPARATOR_COLOR.from_pixel(0xffffffff);
 
 const POPUP_APPS_BOX_SPACING = 8;
-const POPUP_ICON_SIZE = 48;
 
 const POPUP_POINTER_SELECTION_THRESHOLD = 3;
 
@@ -30,12 +28,8 @@ function AltTabPopup() {
 
 AltTabPopup.prototype = {
     _init : function() {
-        this.actor = new Big.Box({ background_color : POPUP_BG_COLOR,
-                                   corner_radius: POPUP_APPS_BOX_SPACING,
-                                   padding: POPUP_APPS_BOX_SPACING,
-                                   spacing: POPUP_APPS_BOX_SPACING,
-                                   orientation: Big.BoxOrientation.VERTICAL,
-                                   reactive: true });
+        this.actor = new St.Bin({ name: 'appSwitcher',
+                                  reactive: true });
         this.actor.connect('destroy', Lang.bind(this, this._onDestroy));
 
         // Here we use a GenericContainer instead of a BigBox in order to be
@@ -51,7 +45,7 @@ AltTabPopup.prototype = {
         let gcenterbox = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL,
                                        x_align: Big.BoxAlignment.CENTER });
         gcenterbox.append(this._appsBox, Big.BoxPackFlags.NONE);
-        this.actor.append(gcenterbox, Big.BoxPackFlags.NONE);
+        this.actor.add_actor(gcenterbox);
 
         this._icons = [];
         this._separator = null;